<template>
<view>
		<home v-if="PageCur=='home'"></home>
		<classification v-if="PageCur=='classification'"></classification>
		<shopping v-if="PageCur=='shopping'"></shopping>
		<mine v-if="PageCur=='mine'"></mine>
		<view class="cu-bar tabbar bg-white shadow foot">
			<view class="action" @click="NavChange" data-cur="home">
				<view class='cuIcon-cu-image'>
					<image :src="'/static/tabbar/home' + [PageCur=='home'?'_sel':'_nor'] + '.png'"></image>
				</view>
				<view :class="PageCur=='home'?'text-red':'text-gray'">首页</view>
			</view>
			<view class="action" @click="NavChange" data-cur="classification">
				<view class='cuIcon-cu-image'>
					<image :src="'/static/tabbar/classification' + [PageCur == 'classification'?'_sel':'_nor'] + '.png'"></image>
				</view>
				<view :class="PageCur=='classification'?'text-red':'text-gray'">分类</view>
			</view>
			<view class="action" @click="NavChange" data-cur="shopping">
				<view class='cuIcon-cu-image'>
					<image :src="'/static/tabbar/shopping' + [PageCur == 'shopping'?'_sel':'_ner'] + '.png'"></image>
				</view>
				<view :class="PageCur=='shopping'?'text-red':'text-gray'">购物车</view>
			</view>
			<view class="action" @click="NavChange" data-cur="mine">
				<view class='cuIcon-cu-image'>
					<image :src="'/static/tabbar/mine' + [PageCur == 'mine'?'_sel':'_nor'] + '.png'"></image>
				</view>
				<view :class="PageCur=='mine'?'text-red':'text-gray'">我的</view>
			</view>
		</view>
	</view>
</template>

<script>

	export default {
		data() {
			return {
				PageCur: 'home'
			}
		},
		onLoad() {

		},
		methods: {

			NavChange: function(e) {
				this.PageCur = e.currentTarget.dataset.cur
			}
		}
	}
</script>

<style>
	/* .content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.logo {
		height: 200rpx;
		width: 200rpx;
		margin-top: 200rpx;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50rpx;
	}

	.text-area {
		display: flex;
		justify-content: center;
	}

	.title {
		font-size: 36rpx;
		color: #8f8f94;
	} */
</style>
